.flex{
    display: flex;
  }

  .fx-1{
    flex:1;
  }

  .fx-wrap{
    flex-wrap: wrap;
  }

  .fx-col{
    flex-direction: column;
  }

  .fx-jc-center{
    justify-content: center;
  }

  .fx-jc-between{
    justify-content: space-between;
  }

  .fx-jc-around{
    justify-content: space-around;
  }

  .fx-jc-end{
    justify-content: flex-end;
  }

  .fx-jc-start{
    justify-content: flex-start;
  }

  .fx-ai-center{
    align-items: center;
  }

  .fx-ai-end{
    align-items: flex-end
  }

  .fx-ac-around{
    align-content: space-around;
    flex-wrap: wrap;
  }

  .fx-ac-around>div{
    width:100%;
  }

  .fx-ac-between{
    align-content: space-between;
    flex-wrap: wrap;
  }

  .fx-ac-between>div{
    width:100%;
  }
  .fx-ac-center{
    align-content: center;
    flex-wrap: wrap;
  }
  .fx-ac-center>div{
    width:100%;
  }

  
.green{
    color:#22da31;
}
.blue{
    color:#4a7ffb;
}
.red{
    color:red;
}